	<style type="text/css">
		.cart{
			height: 100%;
			background-color: #eee;
			color: #999;
		}
		.cart .empty-notice{
			padding-top: 20%;
		}
		.cart .empty-notice .pic{
			width: 2.9375rem;
			height: 2.9375rem;
			background-image: url(./images/cart_img.png);
			background-repeat: no-repeat;
			margin: auto;
		}
		.cart .empty-notice .text{
			text-align: center;
			font-size: 0.4375rem;
			line-height: 0.625rem;
		}
		.cart .empty-notice a{
			display: block;
			width: 2.34375rem;
			height: 0.625rem;
			font-size: 0.4375rem;
			line-height: 0.625rem;
			border: 0.015625rem solid #ccc;
			color: #999;
			text-align: center;
			margin: 0.3125rem auto;
		}
		.cart .notice{
			position: relative;
			height: 100%;
			overflow: auto;
		}
		.cart .notice .address{
			color: red;
			font-size: 0.4375rem;
			line-height: 1.09375rem;
			height: 1.09375rem;
			background: #fff;
		}
		.cart .notice>div{
			padding-left: 0.3125rem;
		}
		.cart .notice .manj{
			background: #fff;
			padding: 0.15625rem 0px;
			padding-left: 0.3125rem;
			border-bottom: 0.03125rem solid #ccc;
		}
		.cart .notice .manj h4{
			font-size: 0.375rem;
			font-weight: normal;
			height: 0.34375rem;
			padding-left: 0.3125rem;
			border-left: 0.078125rem #ffd600 solid;
		}
		.cart .notice .manj p{
			font-size: 0.34375rem;
			margin-top: 0.3125rem;
		}
		.time{
			display: flex;
			line-height: 1.40625rem;
			background: #fff;
			border-bottom: 0.03125rem solid #ccc;
		}
		.time div:nth-child(1){
			width: 2rem;
			color: #333;
		}
		.beizhu{
			display: flex;
			line-height: 1.40625rem;
			background: #fff;
			border-bottom: 0.03125rem solid #ccc;
		}
		.beizhu div:nth-child(1){
			width: 2rem;
			color: #333;
		}
		.beizhu div:nth-child(2){
			flex-grow: 1;
		}
		.beizhu input{
			width: 90%;
			height: 0.625rem;
			border-radius: 0.0625rem;
			font-size: 0.375rem;
		}
		.bottom{
			line-height: 1.40625rem;
			background: #fff;
			height: 1.40625rem;
			display: flex;
			color: #333;
		}
		.selectAll{
			width: 2rem;
			display: flex;
		}
		.select{
			width: 0.78125rem;
		}
		.cart .notice label div{
			width: 0.40625rem;height: 0.40625rem;
			margin-right: 0.3125rem;
			background: url();
			background-size: 100%;
		}
		.cart .notice label{
			display: flex;
			align-items: center;
			height: 100%;
		}
		.cart .notice label input{
			display: none;
		}
		.cart .notice label input:checked+div{
			background: url();
			background-size: 100%;
		}
		.cart .notice div.goods{
			background: #fff;
			padding: 0;
		}
		.goods ul li{
			display: flex;
			padding-left: 0.3125rem;
			border-bottom: 0.03125rem solid #ccc;
			position: relative;
		}
		.goods ul li .pic img{
			width: 3.125rem;
		}
		.goods ul li .text{
			color: #333;
		}
		.goods ul li .text .title{
			line-height: 0.78125rem;
		}
		.goods ul li .text .price{
			line-height: 0.78125rem;
		}
		.goods ul li .change{
			position: absolute;
			right: .5rem;
			bottom: .5rem;
			display: flex;
		}
		.goods ul li .change .num{
			width: 0.625rem;
			text-align: center;
			line-height: 0.625rem;
		}
		.goods ul li .add , .goods ul li .mult{
			width: 0.625rem;
			height: 0.625rem;
			background: #ff4300 url(./images/add.png) no-repeat;
			background-size: 200%;
			background-position: 100%;
			border-radius: 50%;
			border: 0.015625rem solid #ff4300;
		}
		.goods ul li .mult{
			background-position: 0;
		}
	</style>
	<div class="cart">
		<div class="empty-notice" ng-show="!status">
			<div class="pic"></div>
			<div class="text">亲，购物车空空的耶~</div>
			<a href="#/marcket">去逛逛</a>
		</div>
		<div class="notice" ng-show="status">
			<div class="address">
				需要你输入正确的地址
			</div>
			<div class="empty"></div>
			<div class="manj">
				<h4>
					闪送超市
				</h4>
				<p>￥0起送，22：00点前￥30减免运费，22：00之后满￥69减免运费</p>
			</div>
			<div class="time">
				<div>
					收货时间
				</div>
				<div>
					一小时送达
				</div>
				<div>
					可预订 >
				</div>
			</div>
			<div class="beizhu">
				<div>
					收货备注
				</div>
				<div>
					<input type="text" placeholder=" 可输入100字以内特殊要求" />
				</div>
			</div>
			<div class="goods">
				<ul>
					<li ng-repeat='(key,item) in list'>
						<div class="select" ng-click="selectFns()">
							<label>
								<input type="checkbox" ng-model="item.selec" />
								<div>
									
								</div>
							</label>
						</div>
						<div class="pic">
							<img ng-src="{{item.img}}" />
						</div>
						<div class="text">
							<div class="title">
								{{item.name}}
							</div>
							<div class="price">
								￥{{item.price}}
							</div>
						</div>
						
						<div class="change">
							<div class="mult" ng-click="compute(item,-1,key)" ng-show="item.num>0"></div>
							<div class="num" ng-show="item.num>0">
								{{item.num}}
							</div>
							<div class="add" ng-click="compute(item,1)"></div>
						</div>
					</li>
				</ul>
			</div>
			<div class="bottom">
				<div class="selectAll" ng-click="selectAll()">
					<label>
						<input type="checkbox" ng-model="selectBtn" />
						<div>
							
						</div>
					</label>
					<div>
						全选
					</div>
				</div>
				<div class="priceAll">
					共：{{priceAll}}
				</div>
				<div class="btn">
					
				</div>
			</div>
		</div>
	</div>